﻿@model IEnumerable<LPrisaMVC.Entities.VENTA>

@{
    ViewBag.Title = "Ventas";
}

@section styles
{
    <style>
        .highlight {
        background-color: rgb(230, 244, 224);
        }    
    </style>
}

@section scripts
{
    <script type ="text/html" id="mytemplate">
        <% _.each(results,function(orderDetail)  { %>
                <tr>
                    <td><%= orderDetail.VentaId %></td>
                    <td><%= orderDetail.ProductoName %></td>
                    <td><%= orderDetail.Cantidad %></td>
                    <td><%= orderDetail.Precio %></td>
                </tr> 
            <%
        );
        %>
    </script>


    <script>
        /*funcion de inicio*/
        $(function() {

            $("#venta tbody tr").click(function() {
                $(this).addClass("highlight").siblings().removeClass("highlight");
                var Id = this.cells[0].textContent;
                GetDetalleVentaByVentaId(Id);
            });
            function GetDetalleVentaByVentaId(ventaId)
            {
                $.ajax({
                    url: "Venta/GetDetalleVentaByVentaId",
                    type: "GET",
                    data: {id: ventaId},
                    error: function (ex) {
                        alert(ex.responseText);
                    },
                    success: function (response)
                    {
                        if (response.Results != null)
                        {
                            var template = $("mytemplate").html();
                            $("#details tbody tr").html (_.template(template, {results: response.Results}));
                        }
                    }
                    });
            }
        });
    </script>
}
<h3>Listado de Ventas</h3>
<pre></pre>
@using (Html.BeginForm())
{  
    <fieldset>
        <legend>Buscar</legend>
        <div class="editor-field"><b>Filtros</b></div>
            <ul>
            <li><div class="editor-field">
                <b>General</b><b></b>@Html.CheckBox("general") 
                <b>Boletas</b><b></b>@Html.CheckBox("boletas") 
                <b>Facturas</b><b></b>@Html.CheckBox("facturas")
                </div></li> 
            </ul>
        <pre></pre>

        <div class="editor-field"><b>Búsqueda</b></div>
        <ul>
            <li><div class="editor-field">
                <b>Por Cliente</b>@Html.CheckBox("porCliente")
                <b>Por Fechas</b>@Html.CheckBox("porFechas")
                <b>Cliente y Fechas</b>@Html.CheckBox("clienteFechas")
                </div></li>
            </ul>
        <pre></pre>

        <div class="editor-field"><b>Rango de Fechas</b></div>
        <ul>
        <li><div class="editor-field">
            <b>Desde:</b>@Html.TextBox("fec1")
            <b>Hasta:</b>@Html.TextBox("fec2")<p></p>
        </div></li>
        </ul>
       
            <b>Criterio de Búsqueda: </b>@Html.TextBox("clienteNom")
            <input  type="submit" name="Buscar" value="Buscar"/><p></p>
    </fieldset>
    <pre></pre>
}
<table id="venta" class="table table-stripped">
    <thead>
        <tr>
            <th>@Html.DisplayNameFor(model => model.Id)</th>
            <th>@Html.DisplayNameFor(model => model.CLIENTE.NombreRazonSocial)</th>
            <th>@Html.DisplayNameFor(model => model.Fecha)</th>
            <th>@Html.DisplayNameFor(model => model.Total)</th>
            <th>@Html.DisplayNameFor(model => model.Cancelada)</th>
            <th>@Html.DisplayNameFor(model => model.IGV)</th>
            <th>@Html.DisplayNameFor(model => model.Factura)</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td>@Html.DisplayFor(modelItem => item.Id)</td>
                <td>@Html.DisplayFor(modelItem => item.CLIENTE.NombreRazonSocial)</td>
                <td>@Html.DisplayFor(modelItem => item.Fecha)</td>
                <td>@Html.DisplayFor(modelItem => item.Total)</td>
                <td>@Html.DisplayFor(modelItem => item.Cancelada)</td>
                <td>@Html.DisplayFor(modelItem => item.IGV)</td>
                <td>@Html.DisplayFor(modelItem => item.Factura)</td>
            </tr>
        }
    </tbody>
    
</table>
<pre></pre>
<h3>DETALLES</h3>
<table id="details" class="table table-stripped">
    <thead>
        <tr>
            <th>VENTAID</th>
            <th>PRODUCTO</th>
            <th>CANTIDAD<th>
            <th>PRECIO</th>
            <th>TOTAL</th>
        </tr>
    </thead>

    <tbody>
        @foreach (var item1 in Model)
        {
            <tr>
                @foreach (var item in item1.DETALLEVENTAs)
                {
                <th>@Html.DisplayFor(modelItem => item.VentaId)</th>
                <th>@Html.DisplayFor(modelItem => item.PRODUCTO.Descripcion)</th>
                <th>@Html.DisplayFor(modelItem => item.Cantidad)</th><th></th>
                <th>@Html.DisplayFor(modelItem => item.PRODUCTO.Precio)</th>
                <th>@Html.DisplayFor(modelItem => item.Monto)</th>
                }
            </tr>
        }
    </tbody>
</table>
